<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>走进尚典</title>
    <style type="text/css">
        *{
            margin:0;
            padding:0;
        }
        ul{
            list-style: none;
        }
        a{
            text-decoration: none;
        }
        body{
            padding-top:50px;
        }
    </style>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/brand.css">
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNav">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <!-- 缩小的导航按钮 -->
                </button>
                <a href="#" class="brand">
                    <img src="images/common/index_logo.png" class="img-responsive">
                </a>
            </div>
            <div class="collapse navbar-collapse" id="myNav">
                <ul class="nav navbar-nav navright">
                    <li><a href="index.html">HOME</a></li>
                    <li class="active"><a href="brand.html">走进尚典</a></li>
                    <li><a href="news.html">新闻动态</a></li>
                    <li><a href="video.html">尚典视频</a></li>
                    <li ><a href="list.html">产品中心</a></li>
                    <li class="hidden-sm"><a href="impower.html">授权查询</a></li>
                    <li class="hidden-sm"><a href="contect.html">联系我们</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="banner hidden-sm hidden-xs">
        <img src="images/common/brand_banner.png" alt="">
    </div>
    <div class="title">
            <div class="container">
                <div class="bigtitle text-center">INTO THE BRAND</div>
                <div class="smalltitle text-center">走进尚典</div>
            </div>
        </div>
    <div class="desc">
        <div class="container">
            
            <pre class="text-center">
                “尚典”诞生于2016年中国广州，是香港闻名生物科技有限公司旗下的一个品牌。
                公司集开发、生产、销售为一体，塑造天然，原生态产品，致力打造健康，美丽的核心宗旨。
                同时也为移动互联网低门槛创业创造一个平台，支持有梦人士创业，实现梦想的舞台。
                “尚典”无硅油洗护套装，天然强根健发，养发一次到位。                    
            </pre>
            <div class="row">
                <div class="col-md-5 col-md-push-1  hidden-sm hidden-xs pull-left">
                    <div class="introducebox text-center">
                        <p>尚典的</p>
                        <p>宗旨</p>
                    </div>
                </div>
                <div class="col-md-5 col-md-push-1 col-sm-12 col-xs-12 pull-left">
                    <p class="centertext">坚持萃取高质量原材料,恪守着“信任、尊重、信念、谦虚和高标准”的价值观秉承着“以人为本、以精为业、以诚服务、以质取胜”的经营理念以产品质量，为企业发展之命脉，以信誉为企业生存之本，打造可靠品质，更在乎你的健康。</p>
                </div>
            </div>
        </div>
    </div>
    <div class="video hidden-sm hidden-xs">
        <div class="container">
            <div class="videobox">
                <video src="#" poster="images/brand/brand_video.png" class="videoself">
                    <img src="images/brand/brand_video.png" alt="">
                </video>
            </div>
        </div>
    </div>
    <div class="probox firstbox">
        <div class="container">
            <div class="row mask2">
                <div class="col-md-6 col-sm-12 col-xs-12  pull-left ">
                    <p class="firsttext text-center">尚典觉得头发除了美观外还用来保护我们的头皮免受紫外线有害物质的破坏。高度滋养配方，可全方面包裹发芯发根，填补发丝受损缝隙，持久深层修复及滋养受损秀发，令秀发重获活力强韧，巩固发根，柔软亮泽，拥有完美纤柔的丝滑触感</p>
                    <img class=" hidden-sm hidden-xs " src="images/brand/brand_img1.png" alt="">
                </div>
                <div class="col-md-5 col-md-push-1 hidden-sm hidden-xs  pull-left">
                    <div class="introducebox text-center">
                        <p>尚典的</p>
                        <p>价值</p>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <div class="probox">
        <div class="container">
            <div class="row mask3">
                <div class="col-md-5 col-md-push-1pull-left">
                    <div class="introducebox text-center">
                        <p>尚典</p>
                        <p  class="textcenter">发展历程</p>
                    </div>
                </div>
                <div class="col-md-5 col-md-push-1 col-sm-12 col-xs-12  hidden-sm hidden-xs pull-left ">
                    <img src="images/brand/brand_img2.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="probox">
        <div class="container">
            <div class="row">
                <div class="col-md-5 hidden-sm hidden-xs pull-left ">
                    <img src="images/brand/brand_img3.png" alt="">
                </div>
                <div class="col-md-5 col-md-push-1 col-sm-12 col-xs-12 pull-left">
                    <div class="proboxinfobox text-center">
                        <p class="infoboxdate">2016.01</p>
                        <p class="infoboxinfo">开始研发尚典的第一个产品 无硅油洗发露和护发素 </p>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <div class="probox">
        <div class="container">
            <div class="row">
                <div class="col-md-5  hidden-sm hidden-xs pull-left ">
                    <img src="images/brand/brand_img4.png" alt="">
                </div>
                <div class="col-md-5 col-md-push-2 col-sm-12 col-xs-12 pull-left">
                    <div class="proboxinfobox text-center">
                        <p class="infoboxdate">2016.02</p>
                        <p class="infoboxinfo">研制成第一个配方，创始人经过各轮筛选，认为配方存在部分不足的地方，从而决定继续改良 </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="probox">
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-md-push-1 col-sm-12 col-xs-12 pull-left">
                    <div class="proboxinfobox text-center">
                        <p class="infoboxdate">2016.04</p>
                        <p class="infoboxinfo">第二个配方又成功研制出来，依然谨慎试用，75%的人觉得配方可行，但依旧存在少部分人觉得有缺陷，经过再三考虑，决定再次投入改良配</p>
                    </div>
                </div>
                <div class="col-md-5 col-md-push-1 hidden-sm hidden-xs pull-left ">
                    <img src="images/brand/brand_img5.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="probox">
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-md-push-1 col-sm-12 col-xs-12 pull-left">
                    <div class="proboxinfobox text-center">
                        <p class="infoboxdate">2016.05</p>
                        <p class="infoboxinfo">经过改良后的配方终于研制成功，无任何添加纯天然植物萃取精华在众多人的试用下，高达90%多的人看好配方 </p>
                    </div>
                </div>
                <div class="col-md-5 col-md-push-1 hidden-sm hidden-xs pull-left ">
                    <img src="images/brand/brand_img6.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-2 hidden-sm hidden-xs"><img src="images/common/footer_logo.png" alt=""></div>
                <div class="col-md-3 col-sm-5 col-xs-12">
                    <div class="footertitle">导航NAAVIGATION</div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6 text-left"><a href="">网站首页</a></div>
                        <div class="col-md-6 col-sm-6 col-xs-6 text-right"><a href="">走进尚典</a></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6 text-left"><a href="">网站首页</a></div>
                        <div class="col-md-6 col-sm-6 col-xs-6 text-right"><a href="">走进尚典</a></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6 text-left"><a href="">网站首页</a></div>
                        <div class="col-md-6 col-sm-6 col-xs-6 text-right"><a href="">走进尚典</a></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6 text-left"><a href="">网站首页</a></div>
                        <div class="col-md-6 col-sm-6 col-xs-6 text-right"><a href="">走进尚典</a></div>
                    </div>
                </div>
                <div class="col-md-5 col-sm-7 col-xs-12">
                    <div class="footertitle">联系CONTACT</div>
                    <p>地址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502</p>
                    <p>联系电话：400-1886-1345</p>
                    <p>邮箱：203841290@qq</p>
                    <p>香港闻名生物有限公司版权所有 粤ICP备0754673 </p>
                </div>
                <div class="col-md-2 hidden-sm hidden-xs"><div class="qrcode"><img src="images/common/QRcode.png" alt=""></div></div>
            </div>
        </div>
    </div>
    <!-- 引入jquery库 -->
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
    <!-- 引入bt库 -->
    <script src="js/bootstrap.js"></script>
</body>
</html>